<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/WEB-INF/customTag.tld" prefix="ct"%>

<c:import url="/inc/header.jsp" />
<c:import url="/inc/menu.jsp" />
<c:import url="/inc/content-begin.jsp" />


<div class="head">
	<div class="info">
		<h1>Afficher une opération</h1>
		<ul class="breadcrumb">
			<li class="active">Un résumé sur le libellé, le calendrier et le
				budget de l'opération.</li>
		</ul>
	</div>
</div>
<div class="content">
	<c:import url="/inc/alert-ie.jsp" />
	<c:import url="/inc/alerts.jsp" />

	<c:if test="${ !empty erreur }">
		<div class="row-fluid">
			<div class="span12">
				<div class="alert alert-error">
					<strong>Erreur:</strong> ${erreur}
					<button type="button" class="close" data-dismiss="alert">&times;</button>
				</div>
			</div>
		</div>
	</c:if>


	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Libelle</h2>
					<ul class="buttons">
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
				</div>
				<ct:input type="noinput" nom="Intitulé" object="${op.libelle}"
					form="${null}" id="intitule" />


				<ct:input type="noinput" nom="Déscription" object="${op.libelle}"
					form="${null}" id="description" />

				<ct:input type="noinput" nom="État" object="${op.libelle}"
					form="${null}" id="etat" />


				<ct:input type="noinput" nom="Autorisation" object="${op.libelle}"
					form="${null}" id="autorisation" />


				<ct:input type="noinput" nom="Nom demandeur" object="${op.libelle}"
					form="${null}" id="nomDemandeurOperation" />


				<ct:input type="noinput" nom="Service exécutant"
					object="${op.libelle}" form="${null}" id="nomServiceExecutant" />

				<ct:input type="noinput" nom="Adjoint délégué"
					object="${op.libelle}" form="${null}" id="nomElu" />

				<ct:input type="noinput" nom="Date validation DGSTA"
					object="${op.libelle}" form="${null}" id="dateDemandeTravaux" />

				<ct:input type="noinput" nom="Nom du technicien"
					object="${op.libelle}" form="${null}" id="nomTechnicien" />


				<ct:input type="noinput" nom="Nom bâtiment" object="${op.libelle}"
					form="${null}" id="nomBatiment" />

				<ct:input type="noinput" nom="Observation Operation"
					object="${op.libelle}" form="${null}" id="observationsOperation" />


				<div class="footer">
					<div class="side fr">
						<a class="btn btn-primary"
							href="<c:url value="/private/modifieOperation"/>?id=${op.id}">
							Modifier le libelle </a>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Calendrier</h2>
					<ul class="buttons">
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
					</div>
					<c:set var="calendrier" value="${op.calendrier}" />
					<div class="content np">
						<div class="controls-row">
							<c:forEach items="${calendrier.listePhases}" var="phase">
								<c:if test="${!empty phase.dateDebutPrevi}">
									<c:if test="${phase.etape != nomEtape }">
										<c:set var="nomEtape" value="${phase.etape}" />
										<p></p> ${phase.etape}: 
									</c:if>
								- <a
										href="<c:url value="/private/listePhase?id=${op.id}#${phase.nom}"/>">${phase.nom}</a>

								</c:if>
							</c:forEach>
						</div>

						<div class="controls-row">
							<c:import url="/WEB-INF/private/testChronoline2.jsp" />
						</div>

					</div>


				
				
				<div class="footer">
					<div class="side fr">
						<a class="btn btn-primary"
							href="<c:url value="/private/listePhase?id=${op.id}"/>">
							Modifier le calendrier </a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Budget</h2>
					<ul class="buttons">
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
					<div class="content np">
						<ul class="list_simple selectable" id="selectable">
							<li>Non prévu.</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
<c:import url="/inc/content-end.jsp" />
<c:import url="/inc/footer.jsp" />
